<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:c="http://www.w3.org/1999/XSL/Transform">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
    <div th:replace="common/IncludeTop">
    </div>

    <div id="Content">
        <div id="Catalog">
            <form action="/account/updateAccountInfo" method="post">
                <h3 text-align="center">User Information</h3>
                <font color="red" th:text="${accountMsg}"></font>

                <table>
                    <tr>
                        <td>User ID:</td>
                        <td th:text="${session.account.username}">Username</td>
                    </tr>
                    <tr>
                        <td>New password:</td>
                        <td><input th:type="text" th:name="password" th:value="${session.account.password}"></td>
                    </tr>
                    <tr>
                        <td>Repeat password:</td>
                        <td><input th:type="text" th:name="repeatedPassword" th:value="${session.account.password}"></td>
                    </tr>
                </table>

                <div th:replace="account/IncludeAccountFields">
                </div>

                <input th:type="submit" th:value="${'Save Account Information'}"/>

            </form>

                <a th:if="${session.account != null}" th:href="@{'/order/listOrder'}">My Orders</a>

            <br>

                <a th:id="${session.account != null}" th:href="@{'/historyRecodcr/historyRecodcr'}">See My History</a>

        </div>
    </div>

    <div th:replace="common/IncludeBottom">
    </div>
</body>
</html>